.status {
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 1px solid var(--color-light-gray);

  &.forging {
    border-color: var(--color-deep-green);
    background-color: var(--color-deep-green);
  }

  &.awaitingSlot {
    border-color: var(--color-deep-green);
  }

  &.notForging {
    border-color: var(--color-burnt-sienna);
    background-color: var(--color-burnt-sienna);
  }

  &.missedBlock {
    border-color: var(--color-burnt-sienna);
  }
}

.approvalTitle {
  padding-left: 0;

  & > span {
    margin-left: -27%;
    width: 127%;
    display: inline-block;
  }
}

@media (--large-viewport) {
  .statusTitle {
    padding-right: 0;
  }
}

.statusToolip {
  white-space: nowrap;
}
